<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>doorServe</title>
		<!-- 引入swiper -->
		<link rel="stylesheet" href="js/swiper-2.7.6/swiper.min.css">
		<!-- 引入字体图标 -->
		<link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css" />
		<!-- Bootstrap -->
		<link href="js/bootstrap/bootstrap.min.css" rel="stylesheet">
		<!-- 引入全局配置 -->
		<link rel="stylesheet" type="text/css" href="css/start.css">

		<!--引入公共样式-->
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/homepage.css">
		<script src="http://res.hsxt.cn/pub/data/js/province.js" type="text/javascript"></script>
		<!-- 获取城市  gy_public_city -->
		<script src="http://res.hsxt.cn/pub/data/js/city.js" type="text/javascript"></script>
		<!-- 获取 区/县  gy_public_county -->
		<script src="http://res.hsxt.cn/pub/data/js/county.js" type="text/javascript"></script>
		<script src="http://res.hsxt.cn/pub/data/js/township.js" type="text/javascript"></script>
		<script src="http://res.hsxt.cn/pub/data/js/community.js" type="text/javascript"></script>
		<script src="http://res.hsxt.cn/pub/data/js/businessCircle.js" type="text/javascript"></script>

		<script type="text/javascript" src="js/common/baseUrl.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
		<script type="text/javascript" src="js/artTemplate/template.js"></script>
	</head>

	<body class="placeOrder">
	<div id="cover1">
		<!-- 头部开始 -->
		<div id="header">
			<div class="top">
				<div class="top-left">
					<i class="fa fa-map-marker "></i>
					<a href="javascript:void(0)" class="one">广州</a>
					<a href="javascript:void(0)" class="two">切换城市</a>
				</div>
				<div class="top-right">
					<a class="one">
						<i class="fa fa-user"></i> 朱莉
					</a>
					<a href="javascript:void(0)">退出</a>
					<a href="javascript:void(0)">帮助中心</a>
					<a href="javascript:void(0)">网站导航</a>
					<a href="javascript:void(0)">手机APP</a>
				</div>

			</div>
			<div class="searchBox">
				<div class="search">
					<div class="search-left">
						<a href="homepage.html"><h3>互生 <small>休闲娱乐</small></h3></a>
					</div>
					<div class="search-right">
						<div class="one">
							<input type="text" name="search" id="search" value="输入商家名称、分类或地区" placeholder="输入商家名称、分类或地区" />
							<a href="javascript:void(0)">
								<i class="fa fa-search"></i>
							</a>
						</div>
						<div class="two" id="searchkey">
							<script id="hotkey" type="text/html">
								{{each data value}}
								<a href="screen.html?keyWords={{value}}">{{value}}</a>
								{{/each}}
							</script>
						</div>
					</div>

				</div>

			</div>

		</div>
		<!-- 头部结束 -->
		<div id="goods"></div>
		<script type="text/html" id="test">
			<div class="container">
				<div class="title">
					服务项目
					<div class="total">
						总价
					</div>
					<div class="count">
						数量
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<img src="img/2.png" alt="">
					</div>
					<div class="right">
						<div class="name">
							{{goods.goodsName}}
						</div>
						<div class="icon">
							<div class="iconBox">
								<img src="img/jinbi.png" alt=""> {{goods.hsPrice}}
							</div>
							<div class="iconBox" style="color:#1769a8;margin-left:10px;">
								<img src="img/integral.png" alt=""> {{goods.perPoint}}
							</div>
						</div>
						<div class="icon">
							<div class="refund">
								<img src="img/随时退.png" alt=""> {{goods.refundNotes}}
							</div>
							<!--<div class="refund">
         <img src="img/随时退.png" alt="">
         售出不退
        </div>-->
						</div>
					</div>
					<div class="total">
						<img src="img/jinbi.png" alt=""> {{shuliang*goods.hsPrice}}
					</div>
					<div class="count">
						{{shuliang}}
					</div>
				</div>
				<div class="productDet">
					<div class="name">
						<span style="font-weight:bold;">{{goods.shopName}}</span>
						<span style="color:#a1a1a1;">({{goods.entResno}}) </span>
					</div>
					<div class="adress">
						{{goods.shopAddress}}
						<span style="color:#1c7bd4;margin-left:10px;">
			<i class="fa fa-map-marker"></i>查看地图</span>
					</div>

				</div>
				<div class="title">
					预约服务人员
					<span>
       重要提示:服务人员不能提供服务时,可协商变更
			 </span>
				</div>
				<div class="bookPerson">
					{{each staff}}
					<div class="head">
						<img src="img/2.png" alt="">
						<p>{{$value.jobName}}</p>
					</div>
					{{/each}}
					<div class="bookTime">
						<span> 服务时间:</span> {{servTime}}
					</div>
				</div>

				<div class="container" style="margin-top:15px;margin-left:-30px;">
					<div class="title">
						商家优惠券
					</div>
					<!--优惠券-->
					<div class="youhuiquan">

						<div class="yhq-two">
							<ul>
								{{each yhq}}
								<li>
									<div class="yhqbox" onclick="selectedYhq({{$value}})">

										<div class="yhq-left">
											<h4><small>¥ </small>{{$value.couponAmount}}</h4>
											<span>满{{$value.canUseAmount}}元可用</span>
										</div>
										<div class="yhq-right">
											<h4>{{$value.couponName}}</h4>
											<p>使用范围： {{each $value.categoryNames}} {{$value}}&nbsp; {{/each}}
											</p>
											<div>
												<span>{{$value. getStartTime}}-{{$value. useExpireTime}}</span>

											</div>
										</div>
									</div>
								</li>
								{{/each}}

							</ul>
						</div>
					</div>
					<!--优惠券-->
					<div class="title">
						消费抵扣劵
					</div>
					<div class="Consumption">
						<div class="name">
							消费抵扣劵
							<span>(本次可用{{num}}张)</span>
						</div>

						<div class="btnC">
							<button class="btn btn-default minus" type="button" style="border-top-left-radius: 20px;border-bottom-left-radius: 20px;">
								<i class="fa fa-minus" onclick="minusNum()"></i>
							</button>
							{{if num}}
							<input type="text" class="form-control" value="{{num}}" placeholder="2">
							<button class="btn btn-default plus" type="button" onclick="addNum()" style="border-top-right-radius: 20px;border-bottom-right-radius: 20px;">
								<i class="fa fa-plus"></i>
							</button>
							{{else}}
							<input type="text" class="form-control" disabled="disabled" value="0" placeholder="2">
							<button class="btn btn-default plus" type="button"  style="border-top-right-radius: 20px;border-bottom-right-radius: 20px;">
								<i class="fa fa-plus"></i>
							</button>
							{{/if}}
						</div>

						<div class="ticket">
							<img src="img/Coupon.png" alt=""> -{{num*10}}
						</div>
					</div>
					<div class="title">
						填写上门服务信息
						<span style="float:right;color:#1c7ed6;" data-toggle="modal" data-target="#myModal">选择上门服务地址</span>
					</div>
					<div class="bookInfo">

						{{if address}}
						<table>
							<tr>
								<td>上门服务地址:</td>
								<td>

									<input type="text" class="form-control ml15 w350" value="{{address.province}}{{address.city}}{{address.area}}
	                    	             	{{address.address}}" placeholder="请选择上门服务地址">
								</td>
							</tr>
							<tr>
								<td>上门联系人:</td>
								<td>
									<input type="text" class="form-control ml15 w350" value="{{address.receiver}}" placeholder="填写联系人姓名">
								</td>
							</tr>
							<tr>
								<td>上门联系电话:</td>
								<td>
									<input type="text" class="form-control ml15 w350" value="{{address.telphone}}" placeholder="填写联系人手机号">
								</td>
							</tr>
							<tr>
								<td>备注:</td>
								<td>
									<textarea class="form-control ml15 w350 txt" rows="3" placeholder="请填写你的备注" value=""></textarea>
								</td>
							</tr>
						</table>
						{{else}}
						<table>
							<tr>
								<td>上门服务地址:</td>
								<td>

									<input type="text" class="form-control ml15 w350" value="" placeholder="请选择上门服务地址">
								</td>
							</tr>
							<tr>
								<td>上门联系人:</td>
								<td>
									<input type="text" class="form-control ml15 w350" value="" placeholder="填写联系人姓名">
								</td>
							</tr>
							<tr>
								<td>上门联系电话:</td>
								<td>
									<input type="text" class="form-control ml15 w350" value="" placeholder="填写联系人手机号">
								</td>
							</tr>
							<tr>
								<td>备注:</td>
								<td>
									<textarea class="form-control ml15 w350 txt" rows="3" placeholder="请填写你的备注" value=""></textarea>
								</td>
							</tr>
						</table>
						{{/if}}

					</div>
					<div class="consumeDetBox">
						<div class="consumeDet">
							<span>订单金额:</span>
							<img src="img/jinbi.png" alt=""> {{shuliang*goods.hsPrice}}
						</div>
						<div class="consumeDet">
							<span>商家优惠券:</span> {{if selected}}

							<img src="img/惠Circle.png" alt=""> -{{selected}} {{else}}
							<img src="img/惠Circle.png" alt=""> -0 {{/if}}
						</div>
						<div class="consumeDet" style="color:#01a353;">
							<span>消费抵扣劵:</span>
							<img src="img/Coupon.png" alt=""> {{num*10}}
						</div>
						<div class="consumeDet" style="color:#1c7ed4;">
							<span>消费积分:</span>
							<img src="img/integral.png" alt=""> {{goods.perPoint}}
						</div>
						<div class="consumeDet" style="font-size:22px;">
							<span>实付金额:</span>
							<img src="img/jinbi.png" alt=""> {{payMoney}}

						</div>
					</div>
					<div class="btnBoxBottom">

						<button class="btn btn-danger book submit" id="submit" onclick="submit()">提交订单
						</button>

					</div>
				</div>
		</script>

		<!-- 模态框开始 -->

		<div class="modal fade" id="myModal" tabindex="-1" role="dialog">

			<script type="text/html" id="addAddress">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">选择上门服务地址</h4>
						</div>
						<div class="modal-body">
							{{each list}}
							<div class="radio">
								<label onchange="getRadio({{$value}})">
									<input type="radio" name="optionsRadios" id="optionsRadios1" value="0" checked>
									<div class="adress">
										<div class="left">
											<div class="name">
												{{$value.province}}{{$value.city}}{{$value.area}}
												{{$value.address}}

											</div>
											<div class="phone">
												{{$value.receiver}}
												<span>
			                                  	{{if $value.telphone==''}}
			                                  	  ({{$value.mobile}})

			                                  	{{else}}
			                                  	　　({{$value.telphone}})　　
			                                  	{{/if}}　
			                                  </span>
											</div>
										</div>
										<div class="right">

                                           <span>
                                           	{{if $value.isDefault == 1}}
                                           	   <a href="#"> 默认</a>
                                             {{else}}
                                                <a href="#" onclick="setDefault({{$value}})"> 设为默认</a>
                                             {{/if}}
                                           </span>


											<span><a href="#"  data-toggle="modal" data-target="#ModalEdit" onclick="edit({{$value}})">修改 </a> </span>
											<span> <a href="#" onclick="delAddress({{$value}})">删除</a></span>
										</div>

									</div>

								</label>
							</div>
							{{/each}}
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default addBtn" data-toggle="modal" data-target="#myModalEdit">新增地址</button>
							<button type="button" class="queren btn btn-primary" data-dismiss="modal">确认</button>
						</div>
					</div>

				</div>

			</script>

		</div>

		<!-- 模态框结束-->

		<!-- 新增模态框开始 -->
		<!-- 模态框（Modal） -->
		<div class="myModalEdit">
			<div class="modal fade" id="myModalEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title" id="myModalLabel">新增上门服务地址</h4>
						</div>
						<div class="modal-body">
							<!-- 主题 -->
							<form class="form-horizontal" role="form" id="newForm">
								<div class="form-group">
									<label for="firstname" class="col-sm-3 control-label">上门联系人</label>
									<div class="col-sm-9">
										<input type="text" name="username" class="form-control username" id="firstname" placeholder="填写联系人姓名">
									</div>
								</div>
								<div class="form-group">
									<label for="lastname" class="col-sm-3 control-label">详细地址</label>
									<div class="selectDiv col-sm-3">

										<select type="text" id="selectProvince_query" name="selectProvince_query" class="form-control details_1">
											<option>选择省</option>
										</select>
									</div>
									<div class="selectDiv col-sm-3">
										<select type="text" id="selectCity_query" name="selectCity_query" class="form-control details_2" value="">
											<option>选择市</option>
										</select>

									</div>
									<div class="selectDiv col-sm-3">
										<select type="text" id="selectCounty_query" name="selectCounty_query" class="form-control details_3" value="">
											<option>选择区/县</option>
										</select>

									</div>
									<div class="col-sm-9" style="float:right;margin-top:10px;">
										<input type="text" class="form-control details_4" id="lastname" placeholder="详细地址:道路、门牌、小区、楼">
									</div>
								</div>
								<div class="form-group">
									<label for="firstname" class="col-sm-3 control-label">联系方式</label>
									<div class="col-sm-2">
										<input type="text" class="form-control tel_top" id="firstname" value="" placeholder="">
									</div>
									<div class="col-sm-1">
										<div class="" style="background:#000;width:5px;height:2px;margin-top:15px;">

										</div>
									</div>
									<div class="col-sm-6">
										<input type="text" class="form-control tel_body" id="firstname" placeholder="填写联系人电话">
									</div>
								</div>

							</form>

						</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-primary add" name="#newForm" onclick="newAddress()">确认</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal -->
			</div>
		</div>

		<!-- 新增模态框结束 -->


		<!--编辑模态框-->
		<div class="myModalEdit">
			<div class="modal fade" id="ModalEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title" id="myModalLabel">修改上门服务地址</h4>
						</div>
						<div class="modal-body">
							<!-- 主题 -->
							<form class="form-horizontal" role="form" id="newForm">
								<div class="form-group">
									<label for="firstname" class="col-sm-3 control-label">上门联系人</label>
									<div class="col-sm-9">
										<input type="text" name="username" class="form-control username" id="firstname" placeholder="填写联系人姓名">
									</div>
								</div>
								<div class="form-group">
									<label for="lastname" class="col-sm-3 control-label">详细地址</label>
									<div class="selectDiv col-sm-3">

										<select type="text" id="selectProvince_query" name="selectProvince_query" class="form-control details_1">
											<option>选择省</option>
										</select>
									</div>
									<div class="selectDiv col-sm-3">
										<select type="text" id="selectCity_query" name="selectCity_query" class="form-control details_2" value="">
											<option>选择市</option>
										</select>

									</div>
									<div class="selectDiv col-sm-3">
										<select type="text" id="selectCounty_query" name="selectCounty_query" class="form-control details_3" value="">
											<option>选择区/县</option>
										</select>

									</div>
									<div class="col-sm-9" style="float:right;margin-top:10px;">
										<input type="text" class="form-control details_4" id="lastname" placeholder="详细地址:道路、门牌、小区、楼">
									</div>
								</div>
								<div class="form-group">
									<label for="firstname" class="col-sm-3 control-label">联系方式</label>
									<div class="col-sm-2">
										<input type="text" class="form-control tel_top" id="firstname" value="" placeholder="">
									</div>
									<div class="col-sm-1">
										<div class="" style="background:#000;width:5px;height:2px;margin-top:15px;">

										</div>
									</div>
									<div class="col-sm-6">
										<input type="text" class="form-control tel_body" id="firstname" placeholder="填写联系人电话">
									</div>

								</div>

							</form>

						</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-primary add" name="#newForm" onclick="submitEdit()">确认</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal -->
			</div>
		</div>



		<!--编辑模态框-->


		<!--**********底部开始**********-->
		<div class="foot" id="foot">
			<p>
				<strong>客服热线： </strong>
				<a href="javascript:void(0)">
					0755-83344111
				</a>
				<span class="foot-adition">2013-2018 </span>
				<span>
      深圳市互生电子商务有限公司
    </span>
				<span>
      粤ICP备案号14100052号
    </span>
			</p>
		</div>
		<!--**********底部结束**********-->
	</div>
	<div id="payBody">

	</div>

	</body>
	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="js/common/jquery-1.12.2.js"></script>

	<!-- 引入swiper插件 -->
	<script type="text/javascript" src="js/swiper-2.7.6/swiper.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="js/bootstrap/bootstrap.min.js"></script>
	<!-- 让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
	<script type="text/javascript" src="js/common/respond.min.js"></script>
	<script type="text/javascript" src="js/common/html5.min.js"></script>
	<script type="text/javascript" src="js/common/common.js"></script>
	<script src="js/common/city.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common/doorServe.js" type="text/javascript" charset="utf-8"></script>

</html>
